<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%
String path = request.getContextPath();
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<link rel="stylesheet" type="text/css" href="<%=path %>/static/css/css.css?1" />
<link rel="stylesheet" type="text/css" href="<%=path %>/static/jquery-ui/jquery-ui.min.css" />
<script type="text/javascript" src="<%=path %>/static/js/json2.js"></script>
<script type="text/javascript" src="<%=path %>/static/js/jquery.js"></script>
<script type="text/javascript" src="<%=path %>/static/jquery-ui/jquery-ui.min.js"></script>
<script type="text/javascript" src="<%=path %>/static/layer/layer.js"></script>
<script type="text/javascript" src="<%=path %>/static/js/gridview.js?v=1"></script>
<script type="text/javascript" src="<%=path %>/static/js/formview.js?v=1"></script>
<script type="text/javascript" src="<%=path %>/static/js/tool.js"></script>
<script type="text/javascript" src="<%=path %>/static/js/validate.js"></script>
<script type="text/javascript" src="<%=path %>/wechat/js/copy/ZeroClipboard.js"></script>
<SCRIPT type="text/javascript">
    <!--
	var gridSetting = {
			id:'QhUserRechargeGrid',
			po:"QhUserRecharge",
			title:'充值列表',
			height:'auto',
			service:"uiServices!listSimple",
			tbId:"UserRechargeTb",
			hideCheckbox:true,
			pageInfo: {
				records: 12,//auto表示根据容器高度自动判断
				orderby : "id desc"
			},
			oper:{
                isDisplay:false,
            	operName:"",
            	url:"",
            	cssClass:"Operation",
            	width:100
            },
			fields:[
			   {	name:'id',
					hide:true
			   },{
                   name: 'code',
                   descs:"申请单号",
                   thstyle:"width:180px",
                   align:'center'
               },
               {
                   name: 'cashMoney',
                   align:'center',
                   thstyle:"width:100px",
                   descs:"金额（元）"
               },
               {
                   name: 'feeMoney',
                   align:'center',
                   thstyle:"width:100px",
                   descs:"手续费（元）"
               },
               {
                   name: 'reAccNumber',
                   align:'center',
                   thstyle:"width:160px",
                   descs:"收款账户"
               },
               {
				   name: 'note',
				   descs:"备注",
				   align:'center'
			   },
               {
                   name: 'state',
                   descs:"状态",
                   align:'center',
                   thstyle:"width:60px"
               },{
                   name: 'createDateTime',
                   descs:"操作时间",
                   align:'center',
                   thstyle:"width:170px",
                   type:'datetime'
               },
               {
                   name: 'createUser',
                   descs:"操作人",
                   align:'center',
                   thstyle:"width:120px"
               }
			]
		};
	var grid;
    $(document).ready(function(){
    	grid = new GridView("list",gridSetting,"list");
		grid.init();
		var data = [];
		var mobile="${param.mobile}";
        if(mobile!=""){
            data.push({r:"=",name:'createUser',value:mobile});
        }
		grid.load({data:data});

		ajustHeight();

    });

    //-->
</SCRIPT>
</head>

<body>
<ul class=tab_nav>
  <li>
    <a class="current" href="javascript:void(0)">充值记录</a>
  </li>
</ul>
<div class="contrainer">
<div class="rcon2" >
<table class="search_tb">
   <tr>
      <td>
         <select name="state" style="width:100px;">
            <option value="">状态</option>
            <option value="99">未完成</option>
            <option value="1">已完成</option>
         </select>
      </td>
      <td><input type="text" name="code" placeholder="申请单号" /></td>
      <td><input type="text" name="reAccNumber" placeholder="收款账户" /></td>
      <td>
         <div style="float:left">
            <input type="text" onclick="WdatePicker()" name="createDateTime" placeholder="开始时间" />-<input type="text" onclick="WdatePicker()" name="createDateTime" placeholder="结束时间" />
         </div>
         <input type="button" class="searchbtn" value="" id="queryBtn">
      </td>

   </tr>
</table>
</div>
<div id="formview" class="rbox1"></div>
<div id="list" class="rbox2"></div>
</div>
<script type="text/javascript" src="<%=path %>/static/js/underscore.js"></script>
<script type='text/javascript' src='<%=path %>/static/My97DatePicker/WdatePicker.js'></script>
<script type='text/javascript' src='<%=path %>/dwr/engine.js'></script>
<script type='text/javascript' src='<%=path %>/dwr/util.js'></script>
<script type='text/javascript' src='<%=path %>/dwr/interface/BaseDwr.js'></script>
<script>
    $("#queryBtn").click(function(){
       var state = $(".search_tb").find(":input[name=state]").val();
       var code = $(".search_tb").find(":input[name=code]").val();
       var reAccNumber = $(".search_tb").find(":input[name=reAccNumber]").val();
       var createDateTime1 = $(".search_tb").find(":input[name=createDateTime]:eq(0)").val();
       var createDateTime2 = $(".search_tb").find(":input[name=createDateTime]:eq(1)").val();

       var data = [];
       var mobile="${param.mobile}";
       if(mobile!=""){
             data.push({r:"=",name:'createUser',value:mobile});
       }
       if(state!==""){
          data.push({r:"=",name:'state',value:state});
       }
       if(code!==""){
          data.push({r:"like",name:'code',value:"%"+code+"%"});
       }
       if(reAccNumber!==""){
          data.push({r:"like",name:'reAccNumber',value:"%"+reAccNumber+"%"});
       }
       if(createDateTime1!==""){
          data.push({r:">=",name:'createDateTime',value:createDateTime1});
       }
       if(createDateTime2!==""){
          data.push({r:"<=",name:'createDateTime',value:createDateTime2});
       }

       grid.load({data:data});
       ajustHeight();
    });

    function afterLoad_UserRechargeTb(){
       $(".rcon2 .mtable tbody tr").each(function(){
          var $state=$(this).find("td[name=state]");
          var state=$(this).find("td[name=state]").text();

          if(state==1){
             $state.html("已完成");
          }
          else{
             $state.html("未完成");
          }
       });
    }

</script>
</body>
</html>